<template>
  <div class="home">
   <Header></Header>
  <ly-tab
	    v-model="selectedId"
	    :items="items"
	    :options="options">
	</ly-tab>
  <Tabbar></Tabbar>
  </div>
</template>

<script>
import Header from '@/components/home/Header.vue'
import Tabbar from '@/components/common/Tabbar.vue'
export default {
  name: 'Home',
  data () {
	return {
		selectedId: 0,
		items: [
		  {label: '推荐'},
		  {label: '大红袍'},
		  {label: '绿茶'},
		  {label: '铁观音'},
		  {label: '普洱'},
		  {label: '茶具'},
		  {label: '花茶'}
		],
		options: {
		  activeColor: '#b0352f'
		}
	 }
  },
  components:{
    Tabbar,
    Header
  }
}
</script>

<style scoped>

</style>
